<div class="step">
    <table>
        <tr>
            <td  colspan="4" align="center" valign="middle" class="table-title">
                BẢNG KÊ KHAI NĂNG LỰC LẦN ĐẦU<br>
                CỦA TỔ CHỨC TƯ VẤN GIÁM SÁT CÔNG TRÌNH GIAO THÔNG</td>
        </tr>
        <tr>
            <td><a href="javascript:void(0);">Bước 1</a></td>                     
            <td><a href="javascript:void(0);">Bước 2</a></td>
            <td><a href="javascript:void(0);">Bước 3</a></td>
            <td class="seft" ><a href="javascript:void(0);">Bước 4</a></td>
        </tr>
    </table>
</div>
<form name=frm id=frm>
    <table width="100%" cellpadding="0" cellspacing="2" class="admintable resize">
        <tr>
            <td colspan="3"><b>THÔNG TIN CHUNG</b></td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Năm tham gia dự án:</label></td>
            <td colspan="2">
                <select name="NAMDUAN" id="NAMDUAN">
                    <?php
                    for($y = date("Y")-4;$y<=date("Y");$y++){
                    ?>
                    <option value="<?=$y?>"><?=$y?></option>
                    <?php
                    }
                    ?>                    
                </select>
            </td>
        </tr>        
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Tên dự án:</label></td>
            <td colspan="2">
                <input type="hidden" name="ID_DUAN" id="ID_DUAN"/>
                <input type="text" name="TENDUAN" id="TENDUAN"/></td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Cấp quyết định đầu tư:</label></td>
            <td colspan="2"><input type="text" name="CAPDAUTU" id="CAPDAUTU"/></td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Chủ đầu tư:</label></td>
            <td colspan="2"><input type="text" name="CHUDAUTU" id="CHUDAUTU"/></td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Đại diện chủ đầu tư:</label></td>
            <td colspan="2"><input type="text" name="DAIDIENDAUTU" id="DAIDIENDAUTU"/></td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Loại</label></td>
            <td colspan="2">
                <select name="LOAITYPE" id="LOAITYPE">
                    <option value="1">Độc lập</option>
                    <option value="2">Liên doanh</option>
                    <option value="3">Thầu phụ</option>
                </select>
            </td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Nhóm, cấp công trình:</label></td>
            <td>
                <select name="NHOMCAPCONGTRINH" id="NHOMCAPCONGTRINH" style='width:200px'>
                    <option value=0>--Chọn--</option>
                    <?php
                    foreach ($this->levelnhomcapcongtrinh as $item) {
                        ?>
                        <option value="<?= $item["ID_LV"] ?>"><?= htmlspecialchars($item["NAME"]) ?></option>
                        <?php
                    }
                    ?>
                </select>
            </td>
            <td>
                <em>Ghi chú:</em><br><textarea name='GHICHU_NHOMCAPCONGTRINH' id='GHICHU_NHOMCAPCONGTRINH'></textarea>            
            </td>
        </tr>
        <tr>
            <td class="key" nowrap="nowrap"><label class="form-label optional">Thông tin dịch vụ thực hiện:</label></td>
            <td>
                <select name="THONGTINDICHVU" id="THONGTINDICHVU"  style='width:200px'>
                    <option value=0>--Chọn--</option>
                    <?php
                    foreach ($this->levelthongtindichvu as $item) {
                        ?>
                        <option value="<?= $item["ID_LV"] ?>"><?= htmlspecialchars($item["NAME"]) ?></option>
                        <?php
                    }
                    ?>
                </select>
            </td>
            <td>
                <em>Ghi chú:</em><br><textarea name='GHICHU_THONGTINDICHVU' id='GHICHU_THONGTINDICHVU'></textarea></br>
            </td>
        </tr>
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Thông tin bổ sung về chất lượng dịch vụ:</label></td>
            <td>
                <select name="THONGTINBOSUNG" id="THONGTINBOSUNG"  style='width:200px'>
                    <option value=0>--Chọn--</option>
                <?php
                foreach ($this->levelthongtinbosung as $item) {
                    ?>
                    <option value="<?= $item["ID_LV"] ?>"><?= htmlspecialchars($item["NAME"]) ?></option>
                    <?php
                }
                ?>
                </select>
            </td>
            <td>
                <em>Ghi chú:</em><br><textarea name='GHICHU_THONGTINBOSUNG' id='GHICHU_THONGTINBOSUNG'></textarea></br>
            </td>
        </tr>
        
        <tr>

            <td class="key" nowrap="nowrap"><label  class="form-label optional">Điểm dự án:</label></td>
            <td colspan="2"><input type="text" name="DIEM_DUAN" id="DIEM_DUAN"/></td>
        </tr>
        <tr>
            <td></td>
            <td colspan="2"valign="middle">
                <a href="javascript:void(0);" class="yl" onclick="SaveToList();
                        return false;" id=addtolist>Thêm mới</a>
                <a href="javascript:void(0);" class="yl" onclick="Clear();
                        return false;">Huỷ</a>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <b>DANH SÁCH DỰ ÁN THAM GIA</b>
            </td>
        </tr>
        <tr>
            <td colspan="3">
                <table width="100%" border=1 style="border:1px solid black" id='DUANLIST'>
                        <tr>
                            <th>TT</th>
                            <th>Năm</th>
                            <th>Tên dự án/ Cấp Quyết định đầu tư/Chủ đầu tư/Đại diện Chủ đầu tư/Vận tốc thiết kế</th>
                            <th>Tính điểm</th>
                            <th>Hành động</th>
                        </tr>
                        <?php
                            foreach($this->duan as $itemduan){
                        ?>
                        <tr id=DUAN<?=$itemduan["ID_DUAN"]?>>
                            <td id=STT<?=$itemduan["ID_DUAN"]?>>
                                <?php
                                        if($itemduan["STATUS"]==0){
                                                echo $itemduan["STT"];
                                        }
                                        if($itemduan["STATUS"]==1){
                                                echo "*";
                                        }
                                        if($itemduan["STATUS"]==2){
                                                echo "+";
                                        }
                                        if($itemduan["STATUS"]==3){
                                                echo "-";
                                        }
                                ?>
                            </td>
                            <td id=NAMDUAN<?=$itemduan["ID_DUAN"]?>><?=$itemduan["NAMDUAN"]?></td>
                            <td>
                                <a href="javascript:void(0);" onclick="LoadDuAn(<?=$itemduan["ID_DUAN"]?>);return false;" id=NAME<?=$itemduan["ID_DUAN"]?>>
                                <?php
                                        $str=$itemduan['TENDUAN'];
                                        if($itemduan['CAPDAUTU']!='')
                                        {
                                        $str.='/'.$itemduan['CAPDAUTU'];
                                        }
                                          if($itemduan['CHUDAUTU']!='')
                                        {
                                        $str.='/'.$itemduan['CHUDAUTU'];
                                        }if($itemduan['DAIDIENDAUTU']!='')
                                        {
                                        $str.='/'.$itemduan['DAIDIENDAUTU'];
                                        }
                                        echo $str;
                                ?>
                                </a>
                           </td>
                           <td id=DIEM_DUAN<?=$itemduan["ID_DUAN"]?>><?=$itemduan["DIEM_DUAN"]?></td>
                           <td id=DELETE<?=$itemduan["ID_DUAN"]?>><a href="javascript:void(0);" onclick="Delete(<?=$itemduan["ID_DUAN"]?>);return false;">Xoá</a></td>
                       </tr>
                       <?php
                            }
                       ?>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="3" align="right" valign="middle">
                <a href="javascript:void(0);" onclick="loadUrlToDivContent('/default/index/tvgsbuoc3')" class="rd">Trở lại</a>
                <a href="javascript:void(0);" class="gr" onclick="loadUrlToDivContent('/default/index/viewtvgstrang1');">Xem lại đơn</a>
                <a href="javascript:void(0);" class="gr" onclick="alert('Nộp đơn sẽ không thể chỉnh sửa lại đơn thư. Nên xem lại đơn trước khi nộp');
                        loadUrlToDivContent('/default/index/nopdon');">Nộp đơn</a>
            </td>
        </tr>
    </table>
</form>
<script>
	function UpdateARow(html){
	
		var data = jQuery.parseJSON( html );

		if(typeof data.msg === 'undefined')
		{
			if(data.IS_NEW==1){
				var trhtml = "";
                                trhtml +='<tr id=DUAN'+data.ID_DUAN+'>';
                                trhtml +='    <td id=STT'+data.ID_DUAN+'></td>';
                                trhtml +='    <td id=NAMDUAN'+data.ID_DUAN+'></td>';
                                trhtml +='    <td>';                            
                                trhtml +='         <a href="javascript:void(0);" onclick="LoadDuAn('+data.ID_DUAN+');return false;" id=NAME'+data.ID_DUAN+'></a>';
                                trhtml +='    </td>';
                                trhtml +='    <td id=DIEM_DUAN'+data.ID_DUAN+'></td>';
                                trhtml +='    <td id=DELETE'+data.ID_DUAN+'><a href="javascript:void(0);" onclick="Delete('+data.ID_DUAN+');return false;">Xoá</a></td>';
                                trhtml +='</tr>';
			  $tr = $(trhtml);
			  $('#DUANLIST').append($tr);
			}else if(data.IS_NEW==2){
				$('#DUAN'+data.ID_DUAN).remove();
			}
			
			if(data.IS_NEW != 2){
				$('#DUAN'+data.ID_DUAN).find('#STT'+data.ID_DUAN).html(data.STATUS==1?"*":(data.STATUS==2?"+":"-"));
                                $('#DUAN'+data.ID_DUAN).find('#NAMDUAN'+data.ID_DUAN).html(data.NAMDUAN);
                                var str= data.TENDUAN;
                                if(data.CAPDAUTU!='')
                                {
                                str+='/'+data.CAPDAUTU;
                                }
                                if(data.CHUDAUTU!='')
                                {
                                str+='/'+data.CHUDAUTU;
                                }
                                if(data.DAIDIENDAUTU!='')
                                {
                                str+='/'+data.DAIDIENDAUTU;
                                }
                                $('#DUAN'+data.ID_DUAN).find('#NAME'+data.ID_DUAN).html(str);
				$('#DUAN'+data.ID_DUAN).find('#DIEM_DUAN'+data.ID_DUAN).html(data.DIEM_DUAN);
			}
			Clear();
		}else{
			alert(data.msg);
		}
	}

	function Delete(id){
		//tvgsbuoc4savedraft
		$.post( "/default/index/tvgsbuoc4savedraft/delete/"+id)
			.done(function(html) {
				UpdateARow(html);
			})
			.fail(function() {
				
			})
			.always(function() {
				
			});
	}

	function SaveToList(){
	
		//tvgsbuoc4savedraft
		$.post( "/default/index/tvgsbuoc4savedraft", $( "#frm" ).serialize() )
			.done(function(html) {
				UpdateARow(html);
			})
			.fail(function() {
				
			})
			.always(function() {
				
			});
	}

	function LoadDuAn(id){
		$.ajax({
					url: '/default/index/tvgsbuoc4loadduan/id/'+id,
					type: 'POST',
					cache: false,
					dataType: 'json',
					success: function(data, textStatus, jqXHR)
					{
						if(typeof data.msg === 'undefined')
						{
							$('#TENDUAN').val(data.TENDUAN);
							$('#CAPDAUTU').val(data.CAPDAUTU);
							$('#CHUDAUTU').val(data.CHUDAUTU);
							$('#DAIDIENDAUTU').val(data.DAIDIENDAUTU);
							$('#GHICHU_NHOMCAPCONGTRINH').val(data.GHICHU_NHOMCAPCONGTRINH);
							$('#GHICHU_THONGTINBOSUNG').val(data.GHICHU_THONGTINBOSUNG);
							$('#GHICHU_THONGTINDICHVU').val(data.GHICHU_THONGTINDICHVU);
							$('#DIEM_DUAN').val(data.DIEM_DUAN);
							$('#LOAITYPE').val(data.LOAITYPE);
							$('#NHOMCAPCONGTRINH').val(data.NHOMCAPCONGTRINH);
                                                        $('#THONGTINDICHVU').val(data.THONGTINDICHVU);
                                                        $('#THONGTINBOSUNG').val(data.THONGTINBOSUNG);
                                                        $('#ID_DUAN').val(data.ID_DUAN);
							$('#addtolist').html("Cập nhật");
						}
						else
						{
							alert(data.msg);
						}
					},
					error: function(jqXHR, textStatus, errorThrown)
					{

					}
				});
	}

	function Clear(){
		$('#TENDUAN').val("");
		$('#CAPDAUTU').val("");
		$('#CHUDAUTU').val("");
		$('#DAIDIENDAUTU').val("");
		$('#GHICHU_NHOMCAPCONGTRINH').val("");
		$('#GHICHU_THONGTINBOSUNG').val("");
		$('#GHICHU_THONGTINDICHVU').val("");
		$('#DIEM_DUAN').val(0);
		$('#LOAITYPE').val(0);
                $('#NHOMCAPCONGTRINH').val(0);
                $('#THONGTINDICHVU').val(0);
                $('#THONGTINBOSUNG').val(0);
		$('#addtolist').html("Thêm mới");
	}
</script>